<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<#assign base=request.contextPath  />
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="${base}/yang/H-ui/iconfont.min.css"/>
		<link rel="stylesheet" type="text/css" href="${base}/yang/css/mui.css"/>
		<link rel="stylesheet" type="text/css" href="${base}/yang/css/style.css"/>
		<link rel="stylesheet" type="text/css" href="${base}/yang/Yang/css/layui.css"/>
		<style type="text/css">
			.layui-bg-red {background-color: #c7ad63!important;}
			.iccc{color: #c7ad63;font-size: 14px;}
			.layui-btn-primary {
				    border: 1px solid #C9C9C9;
				    background-color: #c7ad63;
				    color:#f7f7f7;
				    padding: 0 18px;
				}
		</style>
	</head>
	<body>
		<div class="mui-text-center">
			<div class="layui-row">
			    <div class="layui-col-xs12 layui-col-md9">
			      <div class="grid-demo1 grid-demo-bg1">
			      	<img src="${base}/yang/img/logo.png"/>
			      </div>
			    </div>
			    <div class="layui-col-xs6 layui-col-md3">
			      <div class="grid-demo1" style="margin-left: 10%;">
			      	<i class="Hui-iconfont icon1">&#xe694;</i>
			      	<span>&nbsp;&nbsp;<a href="">关注我们</a> </span>
			      	<i class="Hui-iconfont icon2">&#xe670;</i>
			      	<span>&nbsp;&nbsp;<a href="">在线购买</a> </span>
			      	<i class="Hui-iconfont icon3">EN</i>
			      </div>
			    </div>
			  </div>
			  <div class="header">
			  	<span><a href="">首页</a></span>
			  	<span><a href="">品牌故事</a></span>
			  	<span><a href="">产品</a></span>
			  	<span><a href="">活动</a></span>
			  	<span><a href="">联系我们</a></span>
			  </div>
		</div>
		 	<div class="layui-row layui-col-space10" style="padding-top: 80px;">
			    <div class="layui-col-md6">
			      <div class="grid-demo grid-demo-bg1" style="float: right;padding-right: 20px;">
			         <img src="${base}/yang/img/td1.png" style="height: 380px;width: 380px;"/>
			         <p style="padding-top: 20px;">
			         	<span><img class="saximg" src="${base}/yang/img/td2.png"/></span>
			         	<span><img class="saximg" src="${base}/yang/img/td2.png"/></span>
			         	<span><img class="saximg" src="${base}/yang/img/td2.png"/></span>
			         </p>
			         
			         <div style="padding-top: 25%;">
			         	<p class="pingjia">口感评分 （291人）</p>
			         	<div class="layui-row" style="text-align: center;">
						    <div class="layui-col-xs2">
						      <div class="grid-demo9">
						      	5&nbsp;<i class="layui-icon iccc">&#xe67a;</i> 
						      </div>
						     <div class="grid-demo9">
						      	4&nbsp;<i class="layui-icon iccc">&#xe67a;</i> 
						      </div>
						      <div class="grid-demo9">
						      	3&nbsp;<i class="layui-icon iccc">&#xe67a;</i> 
						      </div>
						     <div class="grid-demo9">
						      	2&nbsp;<i class="layui-icon iccc">&#xe67a;</i> 
						      </div>
						     <div class="grid-demo9">
						      	1&nbsp;<i class="layui-icon iccc">&#xe67a;</i> 
						      </div>
						    </div>
						    <div class="layui-col-xs8">
						      <div class="grid-demo">
						      	<div class="layui-progress">
								  <div class="layui-progress-bar layui-bg-red" lay-percent="86%"></div>
								</div>
								<br />
								<div class="layui-progress">
								  <div class="layui-progress-bar layui-bg-red" lay-percent="90%"></div>
								</div>
								<br />
								<div class="layui-progress">
								  <div class="layui-progress-bar layui-bg-red" lay-percent="40%"></div>
								</div>
								<br />
								<div class="layui-progress">
								  <div class="layui-progress-bar layui-bg-red" lay-percent="20%"></div>
								</div>
								<br />
								<div class="layui-progress">
								  <div class="layui-progress-bar layui-bg-red" lay-percent="16%"></div>
								</div>
								<br />
						      </div>
						    </div>
						    <div class="layui-col-xs2">
						      <div class="grid-demo">
						      	<div class="grid-demo9">120 </div>
							     <div class="grid-demo9">145</div>
							      <div class="grid-demo9">56</div>
							     <div class="grid-demo9">32</div>
							     <div class="grid-demo9">12</div>
						      </div>
						    </div>
						  </div>
			         </div>
			      </div>
			    </div>
			    <div class="layui-col-md6">
			      <div class="grid-demo" style="float: left;padding-left: 20px;">
			      	<div class="list_left">
						<h2>关于我们</h2>
						<h6>巴坦木含有约6克蛋白质，4克膳食纤维，7.4毫克维生素E，75毫克钙，0.3毫克维生素B2及1毫克烟酸</h6>
						<br />
						<span><img src="${base}/yang/img/qwe.png" style="width: 16px;"/>&nbsp;&nbsp;&nbsp;年长幼童需监督使用，勿一口吞噬，避免窒息。</span>
						 <br /> <br />
						 <h3>营养成分表</h3>
						 <div class="layui-row" style="padding-top: 5px;">
						    <div class="layui-col-md4">
						      <div class="grid-demo griddemo">项目</div>
						      <div class="grid-demo6">热量</div>
						      <div class="grid-demo6">蛋白质</div>
						      <div class="grid-demo6">脂肪</div>
						      <div class="grid-demo6">碳水化合物</div>
						      <div class="grid-demo6">钠</div>
						      <div class="grid-demo6">糖</div>
						    </div>
						    <div class="layui-col-md4">
						      <div class="grid-demo griddemo">每100克（g）</div>
						       <div class="grid-demo6">2356（千焦）</div>
						      <div class="grid-demo6">21.2（克）</div>
						      <div class="grid-demo6">50.0（克）</div>
						      <div class="grid-demo6">9.1（克）</div>
						      <div class="grid-demo6">0（毫克）</div>
						      <div class="grid-demo6">4.4（克）</div>
						    </div>
						    <div class="layui-col-md4">
						      <div class="grid-demo griddemo">营养参考值（%）</div>
						       <div class="grid-demo6">22%</div>
						      <div class="grid-demo6">35%</div>
						      <div class="grid-demo6">83%</div>
						      <div class="grid-demo6">3%</div>
						      <div class="grid-demo6">0%</div>
						      <div class="grid-demo6">0%</div>
						    </div>
						  </div>
						  <button type="button" class="mui-btn mui-btn-block">在线购买</button>
			      	</div>
			      	 <div style="padding-top: 20%;margin-left: 10%;width: 400px;">
			         	<p class="pingjia">评价关键字</p>
			         	<button class="layui-btn layui-btn-primary layui-btn-sm">清脆可口</button>
			         	<button class="layui-btn layui-btn-primary layui-btn-sm">口由余香</button>
			         	<button class="layui-btn layui-btn-primary layui-btn-sm">颗粒很大</button>
			         	<button class="layui-btn layui-btn-primary layui-btn-sm">非常香</button>
			         	<br /><br />
			         	<button class="layui-btn layui-btn-primary layui-btn-sm">清脆可口</button>
			         	<button class="layui-btn layui-btn-primary layui-btn-sm">口由余香</button>
			         	<button class="layui-btn layui-btn-primary layui-btn-sm">颗粒很大</button>
			    	 </div>
			      </div>
			    </div>
			</div> 
			<div class="imgda">
				<img src="${base}/yang/img/yuandi.png"/>
			</div>
			<div class="imgda4">
				<p class="pingjia" style="margin-left: 16px;">其他口味</p>
				<div class="divsapn">
					<span><img class="img200" src="${base}/yang/img/tt2.png"/></span>
					<span><img class="img200" src="${base}/yang/img/tt2.png"/></span>
					<span><img class="img200" src="${base}/yang/img/tt2.png"/></span>
					<span><img class="img200" src="${base}/yang/img/tt2.png"/></span>
				</div>
				<div class="divsapn2">
					<span>扁桃仁-清贫原味</span>
					<span>扁桃仁-清贫原味</span>
					<span>扁桃仁-清贫原味</span>
					<span>扁桃仁-清贫原味</span>
				</div>
			</div>
			<div class="tdfot2">
			  	<span>语言 ：CHINESE</span>
			  	<span>www.kimrun.com.cn</span>
			  	<span>泸IC备13009548号</span>
			</div>
			<div class="footer">
				<img src="${base}/yang/img/fotpp.png"/>
			</div>
	<script src="${base}/yang/js/mui.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="${base}/yang/Yang/layui.all.js" type="text/javascript" charset="utf-8"></script>
 	<script type="text/javascript">

 	</script>
	</body>
</html>
